<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>专家评估</title>
    <link rel="stylesheet" href="/css/element.css">
</head>
<body>
<script src="/js/Vue.js"></script>
<script src="/js/element.js"></script>
<script src="/js/axios.js"></script>
<script src="/js/Qs.js"></script>
<script type="text/javascript" src="/js/layer.js"></script>
<style>
    #expertsAssess {
        height:100%;
    }
/*文本域样式*/
.el-textarea {
    height:160px;
}
textarea {
    height:160px;
}
#planSelect .el-card__body{
    height:40px;
}
#allAssess{
    height:30%;
}
#dirllAssess{
    height:30%;
}
#Suggest{
    height:calc(40% - 76px);
}
</style>
<div id="expertsAssess">
    <el-card id="planSelect">
        <el-form :inline="true">
            <el-form-item label="演练计划">
                <el-select v-model="form1.plan" placeholder="请选择">
                    <el-option v-for="(item,index) in planList" :key="index" :label="item.planName" :value="item.planid"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="专家">
                <el-select v-model="form1.experts" placeholder="请选择">
                    <el-option label="1号专家" value="shanghai"></el-option>
                    <el-option label="2号专家" value="beijing"></el-option>
                    <el-option label="3号专家" value="beijing2"></el-option>
                </el-select>
            </el-form-item>
        </el-form>
    </el-card>
    <el-card id="allAssess">
        <el-divider content-position="center">一、总体评价</el-divider>
        <el-input
                type="textarea"
                placeholder="提示：根据预案进行演练，是否达到预定的目的，对演练者应急处置的快速、准确、有效性评价，演练与预案的结合度评价。"
                v-model="form1.text1"
                show-word-limit
        >
        </el-input>
<!--        录音/保存-->
        <el-row style="text-align: center;margin-top:15px;">
<!--            <audio controls height="50" width="50">-->
<!--                <source src="horse.mp3" type="audio/mp3">-->
<!--                <embed height="50" width="40" :src="#">-->
<!--            </audio>-->
            <el-button>录音</el-button>
            <el-button>保存</el-button>
        </el-row>
    </el-card>
    <el-card id="dirllAssess">
        <el-divider content-position="center">二、演练过程评价</el-divider>
        <el-input
                type="textarea"
                placeholder="提示：应急反应速度、应急指挥和响应程序、信息报送、人员到位/装备配备、现场处置情况及正确性、现场安全措施和现场考问等。"
                v-model="form1.text2"
                show-word-limit>
        </el-input>
        <!--        录音/保存-->
        <el-row style="text-align: center;margin-top:15px;">
            <!--            <audio controls height="50" width="50">-->
            <!--                <source src="horse.mp3" type="audio/mp3">-->
            <!--                <embed height="50" width="40" :src="#">-->
            <!--            </audio>-->
            <el-button>录音</el-button>
            <el-button>保存</el-button>
        </el-row>
    </el-card>
    <el-card id="Suggest">
        <el-divider content-position="center">三、改进和提高建议</el-divider>
        <el-input
                type="textarea"
                placeholder="提示：①针对评价中的问题，提出演练组织策划、演练方案等方面改进意见和建议。②针对演练中反应出来的响应速度、应急指挥、响应程序、信息报送、装备配备、现场处置情况、现场安全措施等方面问题和不足，对应急预案，人员技能、物资、装备、信息报送以、应急处置以及演练保障等方面提出改进意见和建议。"
                v-model="form1.text3"
                show-word-limit>
        </el-input>
        <!--        录音/保存-->
        <el-row style="text-align: center;margin-top:15px;">
            <!--            <audio controls height="50" width="50">-->
            <!--                <source src="horse.mp3" type="audio/mp3">-->
            <!--                <embed height="50" width="40" :src="#">-->
            <!--            </audio>-->
            <el-button>录音</el-button>
            <el-button>保存</el-button>
        </el-row>
    </el-card>
</div>
<script>
    var expertsAssess = new Vue({
        el:"#expertsAssess",
        data(){
            return {
                title:"专家评估",
                form1:{
                    plan:"",
                    experts:"",
                    text1:"",
                    text2:"",
                    text3:""
                },
                //演练计划表
                planList:[],
            }
        },
        mounted(){
            //查询所有演练计划
            this.searchDirllPlan();
        },
        methods:{
            //获取所有演练计划
            searchDirllPlan(){
                let param = {
                    name:"",
                    time:"",
                    page:1,
                    size:10
                };
                let params = JSON.stringify(param);

                axios.get('/plan/list',{params}).then(res=>{
                    if(res.data.success){
                        this.planList = res.data.content;
                        console.log('演练计划:');
                        console.log(this.planList);
                    }else{
                        this.$message.error(res.data.message);
                    }
                }).catch(err=>{
                    console.log(err);
                })
            },
        }
    })
</script>
</body>
</html>